<!-- 暂时废弃 -->
<template>
	<view class="box-card">
		<view class="box-card-item">
			<view class="box-card-item-left">
				<view class="box-card-item-left-title">张三生活体验对方电费个馆 </view>
				<view class="box-card-item-left-addr">
					<image src="@/static/address-icon.png" mode="aspectFill"></image>
					<view>
						厦门市湖里区1434神鼎飞丹砂水电费水电费第三方
					</view>
				</view>
			</view>
			<view class="box-card-item-right">
				<u-icon name="arrow-right" size="24"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.box-card {
		margin: 12rpx 0;
		&-item {
		@include layout(stretch, center);
		 width: 680rpx;
		 height: 120rpx;
		 background: $uni-bg-color;
		 margin: 12rpx auto;
		 border-radius: 20rpx;
		 &-left {
			 flex: 1;
			 &-title {
			   padding: 0 24rpx;
			   font-weight: 700;
			   font-size: 28rpx;
			   color: #3D3D3D;
			 }
			 &-addr {
			   @include layout(stretch, center);
			   padding: 0 24rpx;
			   image {
			    width: 24rpx;
			    height: 26rpx;
			    object-fit: cover;
				margin-right: 12rpx;
			   } 
			   view {
				font-size: 24rpx;
				line-height: 1.5;
				color: #6D6D6D;   
			   }
			 }
		 }
		 &-right {
		   margin-right: 24rpx;
		 }
		}
	}
</style>